<!DOCTYPE html>
<html lang="zh">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>大数据医疗系统搜索页面</title>
    <link href="styles/common.css" rel="stylesheet" type="text/css"/>
    <link href="styles/searchResult.css" rel="stylesheet" type="text/css"/>
    <link href="styles/loading.css" rel="stylesheet" type="text/css"/>
    <link href="styles/alert.css" rel="stylesheet" type="text/css"/>
    <script src="scripts/common.js"></script>
    <script src="scripts/searchResult.js"></script>
</head>
<body>
<div class="tab-button-bar">
    <a href="index.html?tab=data-manage">
        <button class="tab-button" id="data-manage-button">数据管理</button>
    </a>
    <a href="index.html?tab=data-analyze">
        <button class="tab-button" id="data-analyze-button">数据分析</button>
    </a>
    <a href="index.html?tab=data-search">
        <button class="tab-button-active" id="data-search-button">数据检索</button>
    </a>
    <div class="tab-bar-time"></div>
</div>
<div class="tab-box" style="display: block">
    <div id="search-box">
        <input id="table-name-input" placeholder="表名" autocomplete="off">
        <input id="search-text-input" placeholder="搜索数据库" autocomplete="off" onkeydown="if (event.keyCode === 13) OnSearchButtonClicked();">
        <button id="search-button" onclick="OnSearchButtonClicked()"></button>
    </div>
    <div id="info-box-outer">
    </div>
</div>
<div id="loading-overlay">
    <div class="loading-window">
        <section class="loading-section">
            <span class="point1"></span>
            <span class="point2"></span>
            <span class="point3"></span>
            <span class="point4"></span>
            <span class="point5"></span>
            <span class="point6"></span>
            <span class="point7"></span>
            <span class="point8"></span>
        </section>
        <div class="text-box">
            <h2>正在处理并上传数据</h2>
            <h2>请等待一段时间</h2>
        </div>
    </div>
</div>
<div id="alert-overlay">
    <div class="alert-window">
        <section class="alert-icon"></section>
        <div class="text-box">
            <h2>发生了一个错误</h2>
            <h4>信息</h4>
        </div>
        <button onclick="CloseAlertOverlay()">确认</button>
    </div>
</div>
<div id="ok-overlay">
    <div class="ok-window">
        <section class="ok-icon"></section>
        <div class="text-box">
            <h2>成功</h2>
        </div>
        <button onclick="CloseOkOverlay()">确认</button>
    </div>
</div>
</body>
</html>